<template>
	<div>
		  <section class="content-container">
				<div class="grid-content bg-purple-light">
					<el-col :span="24" class="content-wrapper">
						<transition name="fade" mode="out-in">
								<router-view v-if="isRouterAlive"></router-view>
						</transition>
					</el-col>
				</div>
		  </section>
	</div>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data(){
			return {
				
			}
		},
		computed:{
			...mapState(['isRouterAlive'])
		}
	}
</script>

<style scoped>
	.content-container{
		 position:fixed;
		 float: left;
		 left:4.52rem;
	     top:1.8rem;
		 bottom: 0;
		 right:0;
		 z-index: 1111;
		 flex: 1;
		 padding:0.4rem;
		 overflow-y: scroll;
		 /*width:100%;*/
		 overflow-x:hidden;
	}
	/*.content-container .grid-content{
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
	}*/
	.content-container .content-wrapper{
    background-color: #fff;
    box-sizing: border-box;
  }
</style>